<script setup lang="ts">
import { reactive } from 'vue';

    const list=reactive({"time":0,"long":0,"steps":0});
    function change(){
        list.time=10;
        list.long=100;
        list.steps=114514;
    }

</script>
<template>
    <h1>运动数据:</h1>
    <h3>运动时间:{{ list.time }}</h3>
    <h3>公里:{{ list.long }}</h3>
    <h3>步数:{{ list.steps }}</h3>
    <input type="button" value="改变运动数据" @click="change"></input>
</template>